// Detalles.js

Application.Views.Ensayes_Detalles = Application.Vista.extend({
	nombre: 'Ensayes_Detalles',
	initialize: function () {
		this.setElement($('#main-content'));
		this.model.on('change', this.render, this);
	},
	events: {
		'click #actualizar'			: 'actualizarEnsaye',
		'click #editar-envase'		: 'editarEnsaye',
		'keyup .forma'				: 'validacionEnsaye'
	},
	
	validacionEnsaye: function (e) {
		_.validacionEnsayes(this.$el, e.target);
	},
	
	editarEnsaye: function (e) {
		e.preventDefault();

		if (confirm('¿Desea ud. editar la información capturada?')) {
            // Habilitar la edicion
            this.$el.find('input').attr('disabled', false);
			this.$el.find('button').attr('disabled', false);

            // Deshabilitar el boton de edición
            this.$el.find('.editar').attr('disabled', true);
		}

		return false;
	},
	actualizarEnsaye: function (e) {
		e.preventDefault();

		this.model.save({
            'Fecha'                         : this.$el.find('#fechaCierre').val(),
            'MUESTRA'                       : this.$el.find('#muestra').val(),
            '% Fe3O4'                       : this.$el.find('#pctFe3O4').val(),
            'g/t Ag REAL'                   : this.$el.find('#gtAgReal').val(),
            '% Pb REAL'                     : this.$el.find('#pctPbReal').val(),
            '% Cu REAL'                     : this.$el.find('#pctCuReal').val(),
            '% SiO2 REAL'                   : this.$el.find('#pctSIO2Real').val(),
            '% Fe REAL'                     : this.$el.find('#pctFeReal').val(),
            'TON FE REAL'                   : this.$el.find('#tonFeReal').val(),
            '% CaO Tot REAL'                : this.$el.find('#caoTotReal').val(),
            'TON CaO REAL'                  : this.$el.find('#tonCaOReal').val(),
            '% CaO Utll REAL'               : this.$el.find('#pctCaOUltllReal').val(),
            '% Zn REAL'                     : this.$el.find('#pctZnReal').val(),
            '% S REAL'                      : this.$el.find('#pctSReal').val(),
            '% S Leco'                      : this.$el.find('#pctSLeco').val(),
            '% As REAL'                     : this.$el.find('#pctAsReal').val(),
            '% Sb REAL'                     : this.$el.find('#pctSbReal').val(),
            '% Cd REAL'                     : this.$el.find('#pctCdReal').val(),
            '% MgO REAL'                    : this.$el.find('#pctMgOReal').val(),
            '% Al203 REAL'                  : this.$el.find('#pctAl203Real').val(),
            '% Sn REAL'                     : this.$el.find('#pctSnReal').val(),
            'CaO/SiO2 REAL'                 : this.$el.find('#caOSiO2Real').val(),
            'Fe/SiO2 REAL'                  : this.$el.find('#pctFeSiO2Real').val(),
            'As/Sb REAL'                    : this.$el.find('#asSbReal').val(),
            'Ag REAL'                       : this.$el.find('#agReal').val(),
            'Cu/Pb'                         : this.$el.find('#cuPb').val(),
            'Cu/As REAL'                    : this.$el.find('#cuAsReal').val()
		}, {
			success: function () {
				alert('¡Ensaye guardado!');
				return Application.navegar('/');
			}, error: function () {
                alert ('¡Error al guardar el ensaye!');
            }
		});
	},
	render: function () {
		var data = this.model.toJSON();
       
		this.$el.html(
			_.template(Application.Contenido.find('#formulario-ensaye').html(), 
                {
                    MODO: Application.Constantes.MODO_EDICION,
                    DATA: data
                }
            )
		);

		this.$el.find('input').attr('disabled', true);
		this.$el.find('button').attr('disabled', true);

		return this;
	}
});
